<template>
  <div
    class="all"
    :style="{ height: screenHeight + 'px', width: screenWidth + 'px' }"
  >
    <Return txt="通知设置" style="background: #eeeeee"></Return>
    <div class="row">
      <div class="rowOne">消息免打扰</div>
      <div class="rowtwo">
        <van-switch v-model="checked1" />
      </div>
    </div>
    <div class="text">设置后，所有通知将用红点显示。不再显示未读数字</div>
  </div>
</template>
<script>
import Return from "../../../components/return";
export default {
  components: {
    Return,
  },
  data() {
    return {
      screenWidth:
        window.innerWidth ||
        document.documentElement.clientWidth ||
        document.body.clientWidth,
      screenHeight:
        window.innerHeight ||
        document.documentElement.clientHeight ||
        document.body.clientHeight,
      checked1: false,
    };
  },
};
</script>
<style scoped>
.all {
  background: #eeeeee;
}
.row {
  height: 50px;
  width: 90%;
  padding: 0 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  /* border-bottom: 5px solid #eeeeee; */
  background: #fff;
  font-weight: bold;
}
.text{
    font-size: 15px;
    color:#A7A7A7;
    font-weight: bold;
    margin: 5px 10px;
}
</style>